<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<!-- Le styles -->
    <link href="assets/css/bootstrap.css" rel="stylesheet">
    <link href="assets/css/styles.css" rel="stylesheet">
    
    <!-- Nivo slider styles -->
    <link rel="stylesheet" href="assets/theme/nivo.slider.default.css" type="text/css" media="screen" />
    <link rel="stylesheet" href="assets/css/nivo-slider.css" type="text/css" media="screen" />
	<title>Insert title here</title>
</head>
<body>
	<div class="container" style="background: white;">
		<div id="header" style="margin-top:0px;"><!-- Begin header-->
	  		<div id="header_upper">
	  			<div class="row">
	  				<div id="logo" class="span4">
	  					<a style="font-size:36px" href="index.html">Your Logo is Here</a>
	  				</div>
	  			</div>
	  			
	  		</div> 
	  		<div class="navbar"> <!-- Navigation bar-->
	  			<div class="navbar-inner">
	  				<div class="container">
	  					<a data-toggle="collapse" data-target=".nav-collapse" class="btn btn-navbar">
							<span class="icon-bar"></span>
							<span class="icon-bar"></span>
							<span class="icon-bar"></span>
						</a>
	  					<div class="nav-collapse">
	  						<ul class="nav">
	  							<li class="active"><a href="#">Home</a></li>
	  							<li class="dropdown">
	  								<a href="collection.html" data-toggle="dropdown" class="dropdown-toggle">Collections<b class="caret"></b></a>
	  								<ul class="dropdown-menu">
	  									<li><a href="collection.html">Sub Collection 1</a></li>
	  									<li><a href="collection.html">Sub Collection 2</a></li>
	  								</ul>
	  							</li>
	  							<li><a href="#">Payment&Order</a></li>
	  							<li><a href="#">Promotions</a></li>
	  							<li><a href="#">Contact</a></li>
	  							<li><a href="gallery.html">Gallery</a></li>
	  						</ul>
	  					</div>
	  				</div>
	  			</div>
  			</div>
	  	</div><!-- End Navigation bar-->
	  	<!-- End header-->
	  	
	  	<!-- Begin Content-->
	  	<div class="row">
  		<div class="banner margcenter" style="margin-bottom:20px;"><!-- Begin Banner-->
  			<div class="slider-wrapper theme-default">
            <div class="ribbon"></div>
            	<div id="slider" class="nivoSlider">
                	<img src="assets/images/home1.jpg" alt="" />
           			<img src="assets/images/home3.jpg" alt="" />
	           		<img src="assets/images/home4.jpg" alt="" />
    	        </div>
        	    <div id="htmlcaption" class="nivo-html-caption">
            	    <strong>This</strong> is an example of a <em>HTML</em> caption with <a href="#">a link</a>.
            	</div>
        	</div>
  		</div><!-- End Banner-->
  		
  		<!-- Begin Section 1-->
  		<div class="row" style="margin-bottom:10px; border-color: #356635;">
  			<div class="span12">
	  			<div class="section_title margcenter">
					<h5>Our Collections</h5>
				</div>
				<div class="items">
				<div class="span35 margcenter">	
		  			<div class="thumbnail">
		  				<img src="assets/images/col1-img1.jpg">
		  				<div class="caption">
		  				<h5>Collection 1</h5>
		  					<p>Comment the collection overview here</p>
		  					<a class="btn btn-primary" href="collection.html">View</a>
		  				</div>
		  			</div>
	  			</div>
		  		<div class="span35 margcenter">
		  			<div class="thumbnail">
		  				<img src="assets/images/col1-img1.jpg">
		  				<div class="caption">
		  				<h5>Collection 1</h5>
		  					<p>Comment the collection overview here</p>
		  					<a class="btn btn-primary" href="collection.html">View</a>
		  				</div>
		  			</div>
		  		</div>
		  		<div class="span35 margcenter">
		  			<div class="thumbnail">
		  				<img src="assets/images/col1-img1.jpg">
		  				<div class="caption">
		  				<h5>Collection 1</h5>
		  					<p>Comment the collection overview here</p>
		  					<a class="btn btn-primary" href="collection.html">View</a>
		  				</div>
		  			</div>
		  		</div>
		  		</div>
			</div>
  		</div>
  		<div class="margcenter" style>
  			<p><b>The Zuu - Website mua sắm thời trang Việt Nam</b></p>
  			<p>The Zuu là shop thời trang online bao gồm thời trang nam, nữ đa dạng và các loại phụ kiện xinh xắn kết hợp đi kèm trang phục như vòng tay, thắt lưng, hoa cài áo v..v... Đến với The Zuu các bạn sẽ được thỏa mãn niềm đam mê thời trang bởi:</p>
  			<ul>
			<li>Tất cả các mặt hàng đều do chính shop thiết kế theo xu hướng thời trang cập nhật mới nhất với chất lượng hàng đầu.</li>
			<li>Tất cả các sản phẩm được may đo theo các size thông thường từ nguồn vải đã thông qua quá trình lựa chọn kĩ càng của shop nên chất lượng sản phẩm hoàn toàn được đảm bảo. </li>
			<li>Sản phẩm cam kết giống 100% với hình ảnh được đăng tải. </li>
			<li>Chúng tôi cung cấp sản phẩm theo số đo của quý khách. Chúng tôi có thể tiến hành lấy số đo cho khách hàng trong nội thành TP.HCM và Vũng Tàu. Đối với các bạn ở ngoài hai khu vực trên, chúng tôi sẽ may theo số đo các bạn cung cấp. </li>
			<li>Chính quý khách có thể yêu cầu thay đổi màu sắc của các mẫu có sẵn của shop theo ý thich của riêng mình. Chúng tôi sẽ xác nhận nếu có thể thỏa mãn nhu cầu của quý khách.</li>
			<li>Giao hàng tận nơi với chi phí cạnh tranh và thời gian không quá 3 ngày.</li>
			</ul>
			<h3 align="center"><i>HÃY ĐẾN VỚI THE ZUU VÀ CẢM NHẬN CHÍNH MÌNH ĐẸP HƠN MỖI NGÀY!!! ☺</i></h3>  			
  		</div>
  		</div>
  		<!-- End Content-->
  		<!-- Begin footer-->
  		<div class="modal-footer">
	  		<div class="row">
	  			<div id="footer_links" class="span12">
	  				<div class="span4 copyright">Copyright © 2012 The ZUU</div>
	  				<ul class="span7 unstyled ">
							<li><a href="#">Help</a></li>
							<li><a href="#">Contacts</a></li>
							<li><a href="#">About us</a></li>
					</ul>
	  			</div>
	  		</div>
  		</div>
  		<!-- End footer-->
  	</div>
  	
	<!-- Le javascript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
    <script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
    <script src="assets/js/jquery.js"></script>
    <script src="assets/js/google-code-prettify/prettify.js"></script>
    <script src="assets/js/bootstrap-transition.js"></script>
    <script src="assets/js/bootstrap-alert.js"></script>
    <script src="assets/js/bootstrap-modal.js"></script>
    <script src="assets/js/bootstrap-dropdown.js"></script>
    <script src="assets/js/bootstrap-scrollspy.js"></script>
    <script src="assets/js/bootstrap-tab.js"></script>
    <script src="assets/js/bootstrap-tooltip.js"></script>
    <script src="assets/js/bootstrap-popover.js"></script>
    <script src="assets/js/bootstrap-button.js"></script>
    <script src="assets/js/bootstrap-collapse.js"></script>
    <script src="assets/js/bootstrap-carousel.js"></script>
    <script src="assets/js/bootstrap-typeahead.js"></script>
    <script src="assets/js/application.js"></script>
    
	<script src="assets/js/jquery.nivo.slider.js"></script>
	<script src="assets/js/jquery.nivo.slider.pack.js"></script>
	<script type="text/javascript">
    $(window).load(function() {
        $('.nivoSlider').nivoSlider(2000);
    });
    </script>
</body>
</html>